<template>
  <div>
    <van-grid :column-num="3">
      <van-grid-item icon="photo-o"
                     to="/myReport"
                     text="我的绩效" />
      <van-grid-item icon="photo-o"
                     to="/formTest"
                     text="表单组件" />
      <van-grid-item icon="photo-o"
                     to="#"
                     text="待开发" />
      <van-grid-item icon="photo-o"
                     to="#"
                     text="待开发" />
      <van-grid-item icon="photo-o"
                     to="#"
                     text="待开发" />
      <van-grid-item icon="photo-o"
                     to="#"
                     text="待开发" />
    </van-grid>
    <van-cell-group>
      <van-cell title="用户名"
                :value="userInfo.userName" />
      <van-cell title="手机号"
                :value="userInfo.phonenumber" />
      <van-cell title="角色"
                :value="userInfo.remark" />
    </van-cell-group>
  </div>
</template>

<script>
import { Grid, GridItem, Cell, CellGroup } from 'vant'
export default {
  name: 'home',
  props: {
    msg: String
  },
  components: {
    [Grid.name]: Grid,
    [GridItem.name]: GridItem,
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup
  },
  mounted () {
    this.userInfo = this.$store.state.user.userInfo
  },
  data () {
    return {
      userInfo: {}
    }
  },
  methods: {

  }
}
</script>
<style scoped>
</style>
